{% load staticfiles %}

<!DOCTYPE html>
<html style="overflow-x:auto;overflow-y:auto;">
<head>
	<title>DjangoAdmin</title>
	
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="author" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=9,IE=10" />
<meta http-equiv="Expires" content="0">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<script>var d = "";</script>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<!-- 设置浏览器图标 -->
<link rel="shortcut icon" href="{% static '/ani/static/favicon.ico' %}">
<!-- 引入 ajax版本库文件，该文件压缩了jQuery，datatime等常用js文件以提高加载速度 -->
<link rel="stylesheet" href="{% static '/ani/static/common/css/vendor.css' %}" />
<script src="{% static '/ani/static/common/js/vendor.js' %}"></script>
<!-- 引入依赖的第三方插件 -->
<link href="{% static '/ani/static/plugin/awesome/4.4/css/font-awesome.min.css' %}" rel="stylesheet" />
<script src="{% static '/ani/static/plugin/jquery-validation/1.14.0/jquery.validate.js' %}" type="text/javascript"></script>
<script src="{% static '/ani/static/plugin/jquery-validation/1.14.0/localization/messages_zh.min.js' %}" type="text/javascript"></script>
<script src="{% static '/ani/static/plugin/jquery-validation/1.14.0/validation-methods.js' %}" type="text/javascript"></script>
<link href="{% static '/ani/static/plugin/icheck-1.x/skins/square/_all.css' %}" rel="stylesheet" />
<script src="{% static '/ani/static/plugin/icheck-1.x/icheck.js' %}"></script>
<script type="text/javascript">

    $(document).ready(function(){
        $('input.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-midnight-blue',
            radioClass: 'iradio_square-midnight-blue',
            increaseArea: '20%' // optional
        });
    });


</script>
<!--省市区三级联动插件-->
<link href="{% static '/ani/static/plugin/city-picker/css/city-picker.css' %}" rel="stylesheet" type="text/css"/>
<script src="{% static '/ani/static/plugin/city-picker/js/city-picker.data.js' %}" type="text/javascript"></script>
<script src="{% static '/ani/static/plugin/city-picker/js/city-picker.js' %}" type="text/javascript"></script>

<!-- 引入layer插件,当做独立组件使用，不使用layui模块，该版本修复了chrome下花屏的bug -->
<script src="{% static '/ani/static/plugin/layui/layer/layer.js' %}"></script>
<script src="{% static '/ani/static/plugin/layui/laytpl/laytpl.js' %}"></script>


<!--引入webuploader-->
<link rel="stylesheet" type="text/css" href="{% static '/ani/static/plugin/webuploader-0.1.5/webuploader.css' %}">
<link rel="stylesheet" type="text/css" href="{% static '/ani/static/plugin/webuploader-0.1.5/demo.css' %}">
<script type="text/javascript" src="{% static '/ani/static/plugin/webuploader-0.1.5/webuploader.js' %}"></script>

<!-- 引入toastr -->
<link rel="stylesheet" type="text/css" href="{% static '/ani/static/plugin/toastr/toastr.css' %}">
<script type="text/javascript" src="{% static '/ani/static/plugin/toastr/toastr.min.js' %}"></script>

<!--引入select2-->
<link rel="stylesheet" type="text/css" href="{% static '/ani/static/plugin/select2/css/select2.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static '/ani/static/plugin/select2/css/select2-bootstrap.css' %}">
<script type="text/javascript" src="{% static '/ani/static/plugin/select2/js/select2.min.js' %}"></script>
<script type="text/javascript" src="{% static '/ani/static/plugin/select2/js/i18n/zh-CN.js' %}"></script>

<!-- 引入自定义文件 -->
<script type="text/javascript">var ctx = '/ani/a', ctxStatic='/ani/static';</script>
<link rel="stylesheet" id="theme" href="{% static '/ani/static/common/css/app-midnight-blue.css' %}" />
<script src="{% static '/ani/static/common/js/jeeplus.js' %}"></script>

	
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    
	<meta name="decorator" content="ani"/>
	<script src="{% static '/ani/static/plugin/js-menu/contabs.js' %}"></script>
	<link id="theme-tab" href="{% static '/ani/static/plugin/js-menu/menuTab-midnight-blue.css' %}" rel="stylesheet" />

<meta name="decorator" content="ani"/>
</head>
<body id="" class=""  style="">
	
	<nav class="navbar topnav-navbar navbar-fixed-top" role="navigation">
		<div class="navbar-header text-center">
			<button type="button" class="navbar-toggle" id="showMenu" >
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>

			<a class="navbar-brand J_menuItem"  href="/">DjangoAdmin </a>
		</div>
		<div class="collapse navbar-collapse">
			<form class="navbar-form navbar-left" role="search">
				<span class="glyphicon glyphicon-search"></span>
				<div class="form-group">
					<input type="text" class="form-control" placeholder="">
				</div>
			</form>
			<ul class="nav navbar-nav">
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><span class="glyphicon glyphicon-envelope"></span><span class="badge badge-green">0</span></a>
					
					 <ul class="dropdown-menu animated fadeIn">
						<li class="messages-top text-center">
							你有  0 封未读邮件.
						</li>
                          
                            	 
                                <li class=" text-center">
                                        <a class="J_menuItem" href="/ani/a/iim/mailBox/list?orderBy=sendtime desc">
                                           <font color='gray'> <i class="fa fa-envelope"></i>  查看所有邮件</font>
                                        </a>
                                </li>
                            </ul>
			
				</li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">
						<span class="glyphicon glyphicon-bell"></span><span class="badge badge-red">0</span>
					</a>
					<ul class="dropdown-menu animated fadeIn">
						<li class="messages-top text-center">
							你有 0 条新通知.	
						</li>
					</ul>
				</li>
			</ul>
			<ul class="nav navbar-nav pull-right navbar-right">	
				<li>
					<div class="row" style="margin: 10px 10px 0 0;">
						<div class="col-sm-4">
							<span  style="margin: 12px 0 0 0;">Tab</span>
						</div>
						<div class="col-sm-8">
							<div class="onoffswitch">
								<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="switchTab" checked >
								<label class="onoffswitch-label" for="switchTab">
									<span class="onoffswitch-inner"></span>
									<span class="onoffswitch-switch"></span>
								</label>
							</div>
						</div>
					</div>
				
				</li>
			
				<li class="dropdown color-picker">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
						<span><i class="fa fa-circle"></i></span>
					</a>
					<ul class="dropdown-menu pull-right animated fadeIn" role="menu">
						<li class="padder-h-xs">
							<table class="table color-swatches-table text-center no-m-b">
								<tr>
									<td class="text-center colorr">
										<a href="#" data-theme="blue" class="theme-picker">
											<i class="fa fa-circle blue-base"></i>
										</a>
									</td>
									<td class="text-center colorr">
										<a href="#" data-theme="green" class="theme-picker">
											<i class="fa fa-circle green-base"></i>
										</a>
									</td>
									<td class="text-center colorr">
										<a href="#" data-theme="red" class="theme-picker">
											<i class="fa fa-circle red-base"></i>
										</a>
									</td>
								</tr>
								<tr>
									<td class="text-center colorr">
										<a href="#" data-theme="purple" class="theme-picker">
											<i class="fa fa-circle purple-base"></i>
										</a>
									</td>
									<td class="text-center color">
										<a href="#" data-theme="midnight-blue" class="theme-picker">
											<i class="fa fa-circle midnight-blue-base"></i>
										</a>
									</td>
									<td class="text-center colorr">
										<a href="#" data-theme="lynch" class="theme-picker">
											<i class="fa fa-circle lynch-base"></i>
										</a>
									</td>
								</tr>
							</table>
						</li>
					</ul>
				</li>
				<li>
					<a href="#"  onClick="toggleFullScreen()">
						<span>全屏 </span>
					</a>

				</li>
			
				
				<li class="dropdown admin-dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
						<img src="{%static '/ani/userfiles/sys/user/images/tim7g.jpg'  %}" class="topnav-img" alt=""><span class="hidden-sm">{{request.session.DjangoAdmin_SESSION_CURRENT_USER_LOGINNAME}}</span>
					</a>
					<ul class="dropdown-menu animated fadeIn" role="menu">
						  <li><a class="J_menuItem" href="/ani/a/sys/user/imageEdit">修改头像</a>
                          </li>
                          <li><a class="J_menuItem" href="/ani/a/sys/user/info">个人资料</a>
                          </li>
                          <li><a class="J_menuItem" href="/ani/a/iim/contact/index">我的通讯录</a>
                          </li>
                          <li><a class="J_menuItem" href="/ani/a/iim/mailBox/list">信箱</a>
                          </li>
							<!--
							<li><a href="javaScript:changeStyle()">切换成横向菜单</a>
							</li>
							-->
                          <li><a href="/system/logout/">安全退出</a>
                          </li>
					</ul>
				</li>
			</ul>
		</div>
		<ul class="nav navbar-nav pull-right hidd">	
			<li class="dropdown admin-dropdown" >
				<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
					<img src="{%static  '/ani/userfiles/1/程序附件/sys/user/images/tim7g.jpg'%}" class="topnav-img" alt=""><span class="hidden-sm">李云龙</span> 
				</a>
				<ul class="dropdown-menu animated fadeIn" role="menu">
					<li><a class="J_menuItem" href="/ani/a/sys/user/imageEdit">修改头像</a>
                    </li>
                    <li><a class="J_menuItem" href="/ani/a/sys/user/info">个人资料</a>
                    </li>
                    <li><a class="J_menuItem" href="/ani/a/iim/contact/index">我的通讯录</a>
                    </li>
                    <li><a class="J_menuItem" href="/ani/a/iim/mailBox/list">信箱</a>
                    </li> 
                    <li><a href="/system/logout/">安全退出</a>
                    </li>
				</ul>
			</li>	
		</ul>
	</nav>
	<aside id="sidebar">
	<div class="sidenav-outer">
		<div class="side-widgets">
			<div class="text-center" style="padding-top:10px;"> 
				<a  href="#"><img class="img-circle user-avatar"  src="{%static '/ani/userfiles/1/sys/user/images/tim7g.jpg' %}" class="user-avatar" /></a>
				<li class="dropdown admin-dropdown" style="padding-top:10px;">
					<a href="#" class="dropdown-toggle"  data-toggle="dropdown" role="button" aria-expanded="false">
						<font color="white">{{request.session.DjangoAdmin_SESSION_CURRENT_USER_LOGINNAME}}<b class="caret"></b></font>
					</a>
					<ul class="dropdown-menu animated fade in" style="left:35px" role="menu">
						  <li><a class="J_menuItem" href="/ani/a/sys/user/imageEdit">修改头像</a>
                          </li>
                          <li><a class="J_menuItem" href="/ani/a/sys/user/info">个人资料</a>
                          </li>
                          <li><a class="J_menuItem" href="/ani/a/iim/contact/index">我的通讯录</a>
                          </li>
                          <li><a class="J_menuItem" href="/ani/a/iim/mailBox/list">信箱</a>
                          </li> 
                          <!--<hr>
							<li><a href="javaScript:changeStyle()">切换成横向菜单</a>
							</li>
							<hr>
							-->
                          <li><a href="/system/logout/">安全退出</a>
                          </li>
					</ul>
				</li>
			</div>
				
			<div class="widgets-content">
				<div class="menu">
					<div class="menu-body">
								<ul class="nav nav-pills nav-stacked sidenav" id="1">
	
{% for menu_parent in menu_list_parent %}
{% if menu_parent.id in request.session.DjangoAdmin_SESSION_CURRENT_USER_PERMISSION_MENU_ID_LIST  %}
<li class="panel">
		<a  data-toggle="collapse" data-parent="#1" class="collapsed" href="#{{menu_parent.id}}"><i class="fa fa fa-gear"></i>&nbsp;&nbsp;{{menu_parent.name}}<span class="pull-right fa fa-angle-toggle"></span></a>
		<ul id="{{menu_parent.id}}" class="nav collapse">
		{% for menu_sub in menu_list_sub %}
			{% if menu_sub.id in request.session.DjangoAdmin_SESSION_CURRENT_USER_PERMISSION_MENU_ID_LIST  %}
			{% ifequal menu_sub.parent_id menu_parent.id %}
			<li><a class="J_menuItem" href="{{menu_sub.href}}"><i class="fa "></i>&nbsp;&nbsp;{{menu_sub.name}}</a></li>
			{% endifequal %}
			{% endif %}
		{% endfor %}
		</ul>
</li>	
{% endif %}
{% endfor %}

<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-flash"></i>&nbsp;&nbsp;Ftp Link Create</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-magic"></i>&nbsp;&nbsp;JDV Service</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-envelope"></i>&nbsp;&nbsp;Contact Us</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-legal"></i>&nbsp;&nbsp;CSV & Sales</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-umbrella"></i>&nbsp;&nbsp;Lot Create & Query</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-truck"></i>&nbsp;&nbsp;MT Form Qery</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-pinterest"></i>&nbsp;&nbsp;Conver Status Query</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-pinterest-square"></i>&nbsp;&nbsp;Writer Info. Tree</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-money"></i>&nbsp;&nbsp;Writer Tooling Bias Manager</a></li> -->
<!-- <li><a class="J_menuItem" href="/form_query"><i class="fa fa fa-envelope"></i>&nbsp;&nbsp;Writer MDT Manager</a></li> -->




						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</aside>	
<section id="body-container" class="animation">
             
	
		<!--选项卡  -->
		<div class="main-container" id="main-container">
			<div class="main-content">
				<div class="main-content-inner">
					<div id="breadcrumbs" class="breadcrumbs">
						  <div class="content-tabs">
						    <button id="hideMenu" class="roll-nav roll-left-0 J_tabLeft"><i class="fa fa-align-justify"></i>
						    </button>
							<button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
							</button>
							<nav class="page-tabs J_menuTabs">
								<div class="page-tabs-content">
									 <a href="javascript:;" class="active J_menuTab" data-id="/home/">Index</a>
								</div>
							</nav>
							<button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
							</button>
							<a href="/system/logout/" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i>Exit</a>
		            	</div>
					</div>

			<div class="J_mainContent"  id="content-main" style="height:calc(100% - 40px)">
             <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="/home/" frameborder="0" data-id="/home/" seamless></iframe>
            </div>
            </div>
            
            
            </div>
            </div>
            
           <div class="footer">
                <div class="pull-left">DjangoAdmin</a> &copy; 2019-2025</div>
            </div>
          
</section>
            
            


<script>

		
$(function(){
		$('.theme-picker').click(function() {
			changeTheme($(this).attr('data-theme'));
		});
		$('#showMenu').click(function() {
		    $('body').toggleClass('push-right');
		});
    $('#hideMenu').click(function () {
           $('body').removeClass('push-right')
        $('body').toggleClass('push-left');
    });
		$("#switchTab").change(function(){
			if($("#switchTab").is(':checked')){
				 $("#breadcrumbs").attr("class","breadcrumbs");
				 $("#content-main").css("height","calc(100% - 40px)")
				 $.get('/ani/a/tab/true?url='+window.top.location.href,function(result){  });
			}else{
				 $("#breadcrumbs").attr("class","un-breadcrumbs");
				 $("#content-main").css("height","calc(100%)")
				 $.get('/ani/a/tab/false?url='+window.top.location.href,function(result){  });
			}
		})
		

});
/**
 *切换主题
 */
function changeStyle(){
    $.get('/ani/a/style/jp?url='+window.top.location.href,function(result){
        window.location.reload();
    });
}
/**
 * 切换颜色
 * @param theme
 */
function changeTheme(theme) {
	var link = $('<link>')
	.appendTo('head')
	.attr({type : 'text/css', rel : 'stylesheet'})
	.attr('href', '/ani/static/common/css/app-'+theme+'.css');


	var tabLink = $('<link>')
	.appendTo('head')
	.attr({type : 'text/css', rel : 'stylesheet'})
	.attr('href', '/ani/static/plugin/js-menu/menuTab-'+theme+'.css');

	var childrenLink= $('<link>').appendTo($(".J_iframe").contents().find("head"))
	.attr({type : 'text/css', rel : 'stylesheet'})
	.attr('href', '/ani/static/common/css/app-'+theme+'.css');

	 $.get('/ani/a/theme/'+theme+'?url='+window.top.location.href,function(result){
         setTimeout(function () {
             $('#theme').remove();
             $('#theme-tab').remove();
             $(".J_iframe").contents().find("#theme").remove();
         }, 500);
		 link.attr("id","theme");
		 childrenLink.attr("id","theme");
		 tabLink.attr("id","theme-tab")
	 });
		
}
</script>


</body>
</html>